<div class="productos-top">
    <div class="portafolio">
        <h2>Nuestro portafolio de productos</h2>
        <p>Se encuentra balanceado para que cada cliente puedan encontrar la alternativa que se adapte mejor a la necesidad de su estrategia de medios. Contamos con uno de los parques m&aacute;s completos pudiendo ofrecer carteles de distintos formatos y dimensiones.</p>
    </div>
    <div class="carteles">
        <h2>Nuestros carteles</h2>
        <p>Ofrecen puntos de contacto &oacute;ptimos para diferentes tipos de target y presupuestos, permitiendo a los planificadores de medios establecer distintos criterios de segmentaci&oacute;n con el objetivo de poder maximizar los beneficios de cada inversi&oacute;n publicitaria en v&iacute;a p&uacute;blica.</p>
    </div>
</div>

<div class="clear">&nbsp;</div>
<div class="grilla">    
    <?php
        $flag = 0; 
        foreach($product as $producto){
            $flag++;
            $var = $flag & 1; // 0 = es par, 1 = es impar
            $estilo = ($var  == 0) ? 'medio' : '';
            $flag   = ($flag == 3) ? 0 : $flag;         
    ?>

            <div class="cuadrado <?php echo $estilo ?>">    
                <h4><?php echo $producto['product']['title'] ?></h4>
                <div class="box">
                    <div class="logo-avenida" id="<?php echo $producto['product']['id'] ?>" title="<?php echo Inflector::slug($producto['product']['title'], $replacement = '_') ?>">&nbsp;</div>
                    <div class="img-producto">
                        <img width="271" height="143" src="<?php echo $producto['Images']['filepath'] ?>" /></div>                 
                    <div class="descripcion-producto"><?php echo $producto['product']['lead'] ?></div>
                </div>
            </div>
    <?php
             
        } 
    ?>
</div>
